<template>
  <div class="home">
    <h1>ToDoList</h1>
    <h5>使用VueX完成</h5>
    <div class="bigBox">
      <search></search>
      <list></list>
      <down></down>
    </div>
  </div>
</template>

<script>
import search from '../components/searchArea.vue'
import list from '../components/listArea.vue'
import down from '../components/downArea.vue'

export default {
  components: { search, list, down },
  name: 'HomeView'
}
</script>
<style scoped>
.bigBox{
  width: 400px;
  height: 500px;
  border: 6px double black;;
  margin: auto;
  margin-top: 20px;;
  border-radius: 10px;;
  padding-top: 30px;;
  box-sizing: border-box;
}
</style>
